import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DashboardComponent } from './dashboard.component';
import { EditorComponent } from './editor/editor.component';
import { HomeComponent } from './home/home.component';
import { MapGdComponent } from './map-gd/map-gd.component';
import { OutlayComponent } from './outlay/outlay.component';
import { PersonCenterComponent } from './person-center/person-center.component';
import { RxjsComponent } from './rxjs/rxjs.component';

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [
      { path: 'home', component: HomeComponent },
      { path: 'outlay', component: OutlayComponent },
      { path: 'person', component: PersonCenterComponent },
      { path: 'mapGd', component: MapGdComponent },
      { path: 'editor', component: EditorComponent },
      { path: 'rxjs', component: RxjsComponent },
    ]
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class DashboardRoutingModule { }
